/*html {
    overflow: auto;
}*/
body {
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    overflow-y: scroll;
    overflow-x: hidden;
}

/* Let's get this party started 
::-webkit-scrollbar {
    width: 12px;
}
 
/* Track 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle 
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(210,210,210,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(210,210,210,0.4); 
}*/


/**** header ****/
#header{
	width: 100%;
	height:93px;
	border-bottom:1px #d2d2d2 solid;
	background-color: #f1f1f1;
}
#header header{
	width: 960px;
	margin: 0 auto;
	position: relative;
}
#header header h1{
	margin: 0;
	padding: 0;
	font-size:1px;
	text-indent: -99999px;
}
#header header img.logo{
	float: left;
	margin-top: 5px;
}
#header header .txt_beta{
	position:absolute;
	bottom:-6px;
	left:138px;
	font-size:.65em;
	color:#BBBBBB;
}

#header .menu{
	float:left;
	width: 420px;
	margin: 47px 0  0 50px;
}
#header .menu ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
#header .menu li{
	float: left;
	padding: 3px 0;
	border-left: 1px #d2d2d2 solid;
}
#header .menu li.no-border{
	border: none;
}
#header .menu li a{
	display:block;
	width: 25px;
	height: 25px;
	margin:0 15px 0 15px;
	text-indent: -99999px;
}
#header .home{
	background: url('../../images/home.png') no-repeat;
}
#header .films{
	background: url('../../images/films.png') no-repeat;
}
#header .series{
	background: url('../../images/series.png') no-repeat;
}
#header .home:hover{
	background-image: url('../../images/home-sel.png');
}
#header .films:hover{
	background-image: url('../../images/films-sel.png');
}
#header .series:hover{
	background-image: url('../../images/series-sel.png');
}

#header .flags_lang{
	position: absolute;
	right:14px;
	font-size:.7em;
}
#header .flags_lang a{
	color: #0D88C1;
	text-decoration: none;
}
#header .flags_lang a.sel{
	color: #444;
	cursor: default;
}

#header .login_user{
	position:relative;
	float:left;
	width: 300px;
	margin: 45px 0 0 15px;
}
#header .login_user .btn{
	margin-left: 15px;
}

/*LOGIN*/
.box-login{
	position: absolute;
	top:45px;
	width:250px;
	border: 1px #bebebe solid;
	padding:0px 15px 10px 15px;
	background-color: #FFFFFF;
	box-shadow: -2px 2px 10px #bbb;
	z-index: 400;
	display: none;
}
.box-login .pico{
	position:absolute;
	top:-13px;
	left:70px;
	display: block;
	width: 16px;
	height: 16px;
	background: url('../../images/pico.png') no-repeat;
}
.box-login div.title span.title{
	display:block;
	width: 200px;
	font-size: 1.3em;
	font-weight: bold;
	color: #444444;
	margin: 5px 0;
}
.box-login .close{
	display: block;
	width: 24px;
	height: 24px;
	margin-top:5px;
	cursor:pointer;
	background: url('../../images/close.png') no-repeat;
}
.box-login .acces-facebook{
	display: block;
	width: 192px;
	height: 30px;
	color:#FFFFFF;
	text-decoration:none;
	padding:5px 0 0 45px;
	margin:10px auto 5px auto;
	background: url('../../images/facebook.png') no-repeat;
}
.box-login .loader-face{
	display: none;
	width: 220px;
	height: 19px;
	margin:10px auto 5px auto;
}
.box-login #res_login{
	font-size: .7em;
	color: #DB4B39;
}

/*informacion del usaurio*/
.login_user .info_user{
	float:right;
	font-size: .8em;
	color: #444444;
	padding: 0px 5px 5px 0;
	cursor:auto;
	border: 1px #D2D2D2 solid;
}
.login_user span{
	
}
.login_user .info_user img.no-margin{
	position: relative;
	float:none;
	margin-left:4px;
	top:4px;
}
.login_user .info_user .panel, .login_user .info_user .salir{
	position:relative;
	top:3px;
	display: inline-block;
	width:20px;
	height:20px;
	background: url('../../images/panel.png') no-repeat;
}
.login_user .info_user .salir{
	background-image: url('../../images/salir.png');
}



/*** Contenido central ***/
#conte-middle{
	width: 960px;
	margin: 0 auto;
}

/*********Sec Posts*/
#conte-middle section.posts{
	float:left;
	width: 658px;
	border-right: 1px #d2d2d2 solid;
}
.posts .p-head h1{
	color: #db4b39;
	font-size: 1.5em;
	margin-bottom: 0;
	padding:0 0 5px 10px;
	border-bottom: 1px #d2d2d2 solid;
}

.posts article{
	width: 640px;
	margin: 0 auto;
	padding: 15px 0;
	border-bottom: 1px #d2d2d2 solid;
}
.posts article header{
	margin-bottom: 8px;
}
.posts article header h1{
	font-size: 1em;
	margin: 0;
	color: #3366dd;
}
.posts article header h1 a{
	color: #3366dd;
	text-decoration: none;
}
.posts article header h1 a:hover{
	text-decoration: underline;
}
.posts article header p{
	color: #666666;
	font-size: .7em;
	margin: 0;
}
.posts article header p span{
	color: #444444;
	text-decoration: underline;
}
.posts article .post-poster{
	position:relative;
	width: 277px;
}
.posts article .post-poster span{
	position:absolute;
	bottom:0;
	right:0;
	padding:4px 8px;
	color:#19ac69;
	background-color: #FFFFFF;
}

.post-info{
	width:358px;
}
.post-info nav{
	border-bottom: 1px #f0f0f0 solid;
	margin-top:-5px;
}
.post-info nav ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.post-info nav ul li{
	float:left;
}
.post-info nav ul a.first{
	border-left: none;
}
.post-info nav ul a{
	font-size: .6em;
	color: #3366DD;
	padding:0 2px;
	border-left: 1px #D2D2D2 solid;
	text-decoration: none;
}
.post-info nav ul a:hover{
	text-decoration: underline;
}
.post-info .tbl-info, .post-info p.sinop{
	font-size: .8em;
	color: #666;
	border-bottom: 1px #f0f0f0 solid;
}
.post-info .tbl-info td.hed{
	font-weight:bold;
	color: #444;
	padding-right: 5px;
}
.post-info .tbl-info td.hed a{
	color: #19AE6A;
	font-size:1.1em;
	text-decoration: none;
}
.post-info .tbl-info td.hed a:hover{
	text-decoration: underline;
}
.post-info .tbl-info a.serverss{
	color: #E66D0B;
	text-decoration: none;
}
.post-info .tbl-info a.serverss:hover{
	text-decoration: underline;
}
.post-info .tbl-info a.reparto{
	color: #36D;
	text-decoration: none;
}
.post-info .tbl-info a.reparto:hover{
	text-decoration: underline;
}
.post-info p.sinop{
	border: none;
}
.post-info .share{
	text-align: right;
}
.share .share-face, .share .share-plus, .share .share-twit{
	float:right;
	display:block;
	width: 25px;
	height:25px;
	margin: 10px 5px 0 5px;
	text-indent: -9999px;
}
.share .share-face{
}
.share .share-plus{
	width:60px;
	margin-top:12px;
	margin-left: 0; 
}
.share .share-twit{
	/*margin-top: 47px;*/
	width:60px;
	margin-left: 10px;
}

.posts .mini-subtitle{
	display:block;
	color: #db4b39;
	margin-top: 10px;
}
.posts p{
	font-size:.8em;
	color: #444444;
}

.post-extra{
	border-top: 1px #D2D2D2 solid;
}
.post-extra nav{
	margin: 10px 0 -5px 0;
}
.post-extra nav ul{
	margin: 0 0 0 10px;
	padding: 0;
	list-style: none;
}
.post-extra nav li{
	float: left;
	padding: 0px 10px 10px 10px;
}
.post-extra .sel-extra{
	background-color:#333333;
}
.post-extra .sel-extra a{
	color: #FFFFFF;
}
.post-extra nav li h2{
	font-size: .8em;
	font-weight: lighter;
	color: #FFFFFF;
	padding: 5px 0 0 0;
	margin: 0;
}
.post-extra nav li a{
	font-size: .8em;
	text-decoration: none;
	color: #333333;
}
.post-extra nav li a:hover{
	text-decoration: underline;
}
.post-extra .extra-conte{
	padding:15px 10px 10px 10px;
	background-color:#333333;
}
.post-extra .iftrailer{
	margin-left:28px;
}
.post-extra .extra-conte a.screen{
	color: #FFFFFF;
	margin: 0 5px;
	font-size: .8em;
}
.post-extra .extra-conte a.servers{
	margin: 25px;
}

#link_tutorial{
	color: #0D88C1;
}

/*seasons*/
nav.seasons{
	padding-bottom: 10px;
	color: #444444;
}
nav.seasons span, nav.seasons a, nav.seasons a:hover{
	font-size: .8em;
	text-decoration: underline;
}
nav.seasons span{
	text-decoration: none;
}
nav.seasons a{
	color:#3366DD;
	text-decoration: none;
}
/*lista de episodios*/
.post-extra nav.episodes ul{
	margin-left: 20px;
}
.post-extra nav.episodes li{
	float: none;
	padding: 0;
	color: #333333;
}
.post-extra nav.episodes li a{
	color: #3366DD;
}
/*Commentarios de facebook*/
.post-extra .comments_face{
	margin-top: 25px;
}
.comments_face #fb-root{
	margin-top:6px;
}

/**Reproductor de peliculas**/
#reproductor{
	
}
.extra-conte #absoluto{
	display: none;
	color: #F0F0F0;
}
.extra-conte #absoluto a{
	color: #00ABDF;
}


/*Pag registro de usuaiors*/
.frm-register{
	width: 90%;
	margin: 20px auto;
}
.frm-register input[type='submit']{
	margin-right: 10px;
}


/*******Sec barra derecha*/
#conte-middle .bar-r{
	float:left;
	width: 300px;
}
.bar-r section h2, .bar-r section h3{
	margin: 0;
	font-size: 1em;
	color: #444444;
	padding: 16px 0 3px 6px;
	border-bottom: 1px #D2D2D2 solid;
}
.bar-r section h3{
	width:280px;
	font-size: .8em;
	margin: 0 auto;
	padding: 3px 0 3px 4px;
	background-color:#fafafa;
}

/*Buscar*/
.frm-search{
	padding: 10px 0 0 0;
}
.frm-search input[type='search']{
	margin-left: 20px;
}
.frm-search input.search{
	position: absolute;
	top: -1100px;
}

/*actividades*/
.bar-r .activiti{
	width:280px;
	margin: 0 auto;
	padding: 5px 0;
	border-bottom: 1px #D2D2D2 solid;
}
.bar-r .activiti img, .bar-r .activiti p{
	float: left;
}
.bar-r .activiti p{
	display:block;
	width:194px;
	margin: 0 1px;
	font-size: .7em;
	color: #666666;
}
.bar-r .activiti p span{
	color: #4c8ffc;
}
.bar-r .activiti p a{
	color: #db4b39;
}

/*coming soon y series_active*/
.bar-r .coming_soon{
	width:280px;
	margin: 0 auto;
	padding: 5px 0 0 10px;
}

.bar-r .categories ul{
	margin: 0;
	padding: 0 0 0 35px;
	list-style-image: url('../../images/arrows.png');
}
.bar-r .categories ul a{
	font-size:.9em;
	color: #3366DD;
	text-decoration: none;
}
.bar-r .categories ul a:hover{
	text-decoration: underline;
}


/****** pAGINACION **/
.pagination{
	width:640px;
	margin: 0 auto;
	text-align:center;
	padding: 6px 0 10px 0;
	background-color: #fafafa;
	border-bottom: 1px #D2D2D2 solid;
}
.pagination .pags, .pagination span{
	border: 1px #d2d2d2 solid;
	padding: 5px;
	font-size: .8em;
	color: #67b4e2;
	text-decoration: none;
}
.pagination span{
	-moz-border-radius: 	4px;
	-webkit-border-radius: 	4px;
	border-radius: 			4px;
}
.pagination .pags:hover, .pagination span{
	border-color:#3181b4;
	color: #FFFFFF;
	background-color:#67b4e2;
}
.pagination.w100{
	width: 100%;
}


/****** FORMS **/
form.#F5F5F5{
}
form.frm1 input[type='text'], form.frm1 input[type^='email'], 
form.frm1 input[type='password'], form.frm1 input[type='search']{
	font-size: 1.1em;
	
}
form.frm1 .file{
	position: relative;
	font-size:.8em;
	
	top: 10px;
}
form.frm1 .file input{
	position: absolute;
	left: auto;
	right: 0px;
	top: 0px;
	margin:0;
	padding:0;
	filter: Alpha(Opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	cursor:pointer;
}
form.frm1 .size90{
	width: 96%;
}
form.frm1 .size80{
	width: 86%;
}
form.frm1 input[type='date'], form.frm1 input[type='number'], form.frm1 input[type='url'] {
	font-size: 1.1em;
	padding: 4px;
	margin-bottom: 5px;
	border: 1px #bebebe solid;
}
form.frm1 input[type="text"], form.frm1 input[type="url"], form.frm1 input[type="email"], 
form.frm1 input[type="tel"], form.frm1 input[type='date'], form.frm1 input[type='number'], 
form.frm1 input[type='password'], form.frm1 textarea, form.frm1 input[type='search']{
	padding: 4px;
	margin-bottom: 5px;
	border: 1px #bebebe solid;
	margin-top: 5px;
	background: -webkit-gradient(linear, left top, left 15, from(#FFFFFF), color-stop(4%, #f4f4f4), to(#FFFFFF));
    background: -moz-linear-gradient(top, #FFFFFF, #f4f4f4 1px, #FFFFFF 15px);
}




/******* AUTOCOMPLETE ********/
.ac_results {
	padding: 0;
	overflow: hidden;
	z-index: 99999;
	background-color: transparent;
	box-shadow: 0px 4px 10px #333;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
	background-color: white;
}

.ac_results li {
	margin: 0px;
	padding: 6px 5px;
	cursor: pointer;
	display: block;
	
	font-size: .8em;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
	color: #136CB2;
	
	border:1px #D2D2D2 solid;
	border-top:none;
}
.ac_results li img{
	float:left;
}
.ac_results li span{
	margin-left:3px;
}

.ac_loading {
	background: white url('../../images/loading.gif') right center no-repeat;
}

.ac_odd, .ac_over {
	background-color: #fff;
	color: #136CB2;
}

.ac_over {
	background-color: #F8F1BE;
}

/*Top link*/
#top-link{ display:none; position:fixed; right:5px; bottom:5px; color:green; font-weight:bold; text-decoration:none;}

/**** Tool Tips de ayuda ****/
.tooltip {
	display:block;
	background:transparent url('../../images/tip_black.png');
	font-size:12px;
	height:70px;/*black*/
	/*height:60px;*//*white*/
	width:160px;
	padding:25px;
	color:#fff;
	text-align: center;	
}

.tip, .tipmenu, .tipskin{
	float: right;
	color: #DB4B39;
	font-size: .7em;
}
.tipskin{
	position: relative;
	top:18px;
}
.tip{margin-right: 90px;}



/**** ELEMENTOS ****/
.msgError{
	width: 70%;
	font-weight:bold;
	margin: 20% auto 40% auto;
	padding: 10% 5%;
	border: 1px #D2D2D2 solid;
	background-color: #FFF1A8;
}
.msgError a{
	color: #DB4B39;
}

/**** ELEMENTOS ****/
img{
	border: none;
}


/**** UTILERIAS ****/
/*gradiantes*/
.btn-blue, .btn-green, .btn-gray{
	padding: 7px 14px;
	color: #fff;
	border:none;
	cursor: pointer;
	text-decoration: none;
}
.btn-gray{
	color:#444444;
	background: 			#F5F5F5;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#DFDFDF)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #F5F5F5, #DFDFDF); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #F5F5F5, #DFDFDF); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #F5F5F5, #DFDFDF); /* IE10 */
	background-image:      -o-linear-gradient(top, #F5F5F5, #DFDFDF); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #F5F5F5, #DFDFDF);
}
.btn-blue{
	background: 			#4d90fd;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4d90fd), to(#4787ee)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #4d90fd, #4787ee); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #4d90fd, #4787ee); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #4d90fd, #4787ee); /* IE10 */
	background-image:      -o-linear-gradient(top, #4d90fd, #4787ee); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #4d90fd, #4787ee);
}
.btn-blue:hover{
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4787ee), to(#4d90fd)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #4787ee, #4d90fd); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #4787ee, #4d90fd); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #4787ee, #4d90fd); /* IE10 */
	background-image:      -o-linear-gradient(top, #4787ee, #4d90fd); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #4787ee, #4d90fd);
}
.btn-green{
	background: 			#19ae6a;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#19ae6a), to(#16a764)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #19ae6a, #16a764); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #19ae6a, #16a764); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #19ae6a, #16a764); /* IE10 */
	background-image:      -o-linear-gradient(top, #19ae6a, #16a764); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #19ae6a, #16a764);
}
.btn-green:hover{
	background-image: -webkit-gradient(linear, left top, left bottom, from(#16a764), to(#19ae6a)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #16a764, #19ae6a); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #16a764, #19ae6a); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #16a764, #19ae6a); /* IE10 */
	background-image:      -o-linear-gradient(top, #16a764, #19ae6a); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #16a764, #19ae6a);
}

.corner-all {
	-moz-border-radius: 	4px;
	-webkit-border-radius: 	4px;
	border-radius: 			4px;
}
.corner-all8 {
	-moz-border-radius: 	8px;
	-webkit-border-radius: 	8px;
	border-radius: 			8px;
}

.clear{clear: both;}
.float-l{float: left;}
.float-r{float: right;}
.no-border{
	border: none;
}


